<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加课程</title>
    <script src="/layui/layui.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/course/courseManage/courseList/add-course.css">
    <script src="/js/course/courseManage/courseList/add-course.js"></script>
    <script src="/js/public/public.js"></script>
</head>
<body>
<div class="layui-row">
    <div class="layui-col-md12">
        <div class="list">
            <div class="list-left layui-col-md8">
                <div class="list-left-left"></div>
                <p class="list-left-right" id="title">添加课程</p>
            </div>
            <div class="list-right layui-col-md4">
                <div class="functionButton">
                    <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="refresh">&nbsp;刷新</div>
                    <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <div class="courseForm">
            <form class="layui-form">
                <div class="layui-form-item " >
                    <div class="layui-inline" style="right: -14px">
                        <label class="layui-form-label">课程分类:</label>
                        <div class="layui-input-inline">
                            <input name="className" id="className" placeholder="点击右侧按钮选择课程分类" disabled lay-verify="classId" class="layui-input" required />
                            <input lay-verify="classId" type="hidden" name="classId" id="classId">
                        </div>
                    </div>
                    <i class="layui-icon-layer layui-icon" id="selectCourseClass"></i>
                </div>
                <div id="selectNode"></div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">课程名称:</label>
                        <div class="layui-input-inline">
                            <input name="courseName" id="courseName" placeholder="请输入课程名称" class="layui-input" required lay-verify="required" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">课程介绍:</label>
                        <div class="layui-input-inline">
                            <textarea id="courseIntro" name="courseIntro" style="resize:none;" placeholder="请输入课程介绍" required lay-verify="required" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">课程价格:</label>
                        <div class="layui-input-inline">
                            <input name="courseNprice" id="courseNprice" placeholder="请输入课程价格" class="layui-input" lay-verify="courseNprice"  />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">上架/下架:</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="courseStatus" value="2" title="上架" checked>
                            <input type="radio" name="courseStatus" value="3" title="下架" >
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">课程关键字:</label>
                        <div class="layui-input-inline">
                            <input name="coursePrimary" id="coursePrimary" placeholder="请输入课程关键字" class="layui-input" lay-verify="required" required />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">选择图片:</label>
                        <div class="layui-input-inline">
                            <button type="button" id="selectCourseImg" class="layui-btn">选择图片</button>
                            <input type="hidden" name="url" lay-verify="url" id="url">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <div class="layui-progress layui-progress-big" lay-filter="imgProgress" lay-showPercent="yes">
                                <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">

                        <label class="layui-form-label">预览图:</label>
                        <div class="layui-input-inline">
                            <img src="http://101.200.239.240:80/group1/M00/00/23/rBmy-mIMW2GAQTWGAAAHnMGty5E715.jpg" id="courseImg">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">选择视频:</label>
                        <div class="layui-input-inline">
                            <button type="button" id="selectCourseVideo" class="layui-btn">选择视频</button>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <div class="layui-progress layui-progress-big" lay-filter="videoProgress" lay-showPercent="yes">
                                <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">视频预览:</label>
                        <div class="layui-input-inline">
                            <video src="" id="courseVideo"  controls="controls" width="300" height="200"></video>
                            <input type="hidden" name="courseUrl" lay-verify="courseUrl" id="courseUrl">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">课程备注:</label>
                        <div class="layui-input-inline">
                            <textarea id="courseInfo" name="courseInfo" style="resize:none;" placeholder="请输入课程备注"  class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">课程集数:</label>
                        <div class="layui-input-inline">
                            <input name="courseNo" id="courseNo" placeholder="请输入课程集数" class="layui-input" lay-verify="required" required />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label"></label>
                        <div class="layui-input-inline">
                            <button type="submit" class="layui-btn" id="addCourse" lay-filter="sub" lay-submit>提交课程</button>
                        </div>
                    </div>
                </div>
                <input type="hidden" value="0" name="likeNum" id="likeNum" >
                <input type="hidden" value="0" name="shareNum" id="shareNum" >
                <input type="hidden" value="0" name="collectNum" id="collectNum" >
                <input type="hidden" value="0" name="lookNum" id="lookNum" >
                <input type="hidden" value="0" name="saleNu m" id="saleNum" >
                <input type="hidden" value="2" name="recommend" id="recommend" >
                <input type="hidden" name="courseTime" id="courseTime" >
                <input type="hidden" name="userId" id="userId" >
                <input type="hidden" name="createId" id="createId" >
            </form>
        </div>
    </div>
</div>
</body>
</html>